import { createApp } from 'vue'
import './style.css'
import App from './App.vue'
import {Button,NavBar,Icon,Tabbar,TabbarItem} from 'vant'
import Index from "./page/Index.vue";
import Team from "./page/Team.vue";
import * as VueRouter from 'vue-router'
import routes from "./config/router";
import Vant from 'vant'
import 'vant/lib/index.css'
import VueQuillEditor from 'vue-quill-editor'
// 引入相关css
import Quill from 'quill';
import '@vueup/vue-quill/dist/vue-quill.snow.css';

// import { QuillEditor } from '@vueup/vue-quill'
// import ImageUploader from 'quill-image-uploader';
// Quill.register('modules/imageUploader', ImageUploader);

// 新增：注册组件
const app = createApp(App)

// app.use(VueQuillEditor)
// app.use(QuillEditor)
//按需引用
// app.use(Button);
// app.use(NavBar);
// app.use(Icon);
// app.use(Tabbar);
// app.use(TabbarItem);

// app.use(Vant)//全局引用

// app.use(async (ctx, next) => {
//     ctx.set('Access-Control-Allow-Origin', ctx.request.header.origin);
//     ctx.set('Access-Control-Allow-Credentials', true);
//     await next();
// });
//
// //防止每次请求都返回Access-Control-Allow-Methods以及Access-Control-Max-Age，
// //这两个响应头其实是没有必要每次都返回的，只是第一次有预检的时候返回就可以了。
// app.use(async (ctx, next) => {
//     if (ctx.method === 'OPTIONS') {
//         ctx.set('Access-Control-Allow-Methods', 'PUT,DELETE,POST,GET');
//         ctx.set('Access-Control-Max-Age', 3600 * 24);
//         ctx.body = '';
//     }
//     await next();
// });



// 3. 创建路由实例并传递 `routes` 配置
// 你可以在这里输入更多的配置，但我们在这里
// 暂时保持简单
const router = VueRouter.createRouter({
    // 4. 内部提供了 history 模式的实现。为了简单起见，我们在这里使用 hash 模式。
    history: VueRouter.createWebHistory(),
    routes, // `routes: routes` 的缩写
})

app.use(router)
// app.component('QuillEditor', QuillEditor)

app.mount("#app");
